﻿
<!DOCTYPE html>
<html lang="">
<head>
    <meta charset="UTF-8">
    
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link href="https://news.pts.org.tw/favicon.ico" rel="icon" type="image/x-icon">

        <!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
        w[l] = w[l] || [];
        w[l].push({
            'gtm.start':
                new Date().getTime(), event: 'gtm.js'
        });
        var f = d.getElementsByTagName(s)[0],
            j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
        j.async = true;
        j.src =
            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
        f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-W3W2ZR4');</script>
<!-- End Google Tag Manager -->

    <title>公視新聞網 PNN</title>
<meta name="description" content="公視新聞網 PNN">
<meta property="og:title" content="公視新聞網 PNN" />
<meta property="og:description" content="公視新聞網 PNN" />
<meta property="og:site_name" content="公視新聞網 PNN" />


<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"公視新聞網 PNN","description":"公視新聞網 PNN"}</script>
    <meta property="fb:app_id" content="466487386878484"/>

        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
          integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap"
          rel="stylesheet">
    
    <link rel="stylesheet" href="https://news.pts.org.tw/css/style_new.css?id=5feaf525581fcf63e926">
    <style>.hide-tag, .menu-mask {
            display: none;
        }

        .btn-backtop {
            right: 32px;
            top: 95%;
            transform: translateY(-50%);
        }

        .btn-backtop img {
            width: 40px;
        }

        @media  screen and (max-width: 768px) {
            .btn-backtop {
                right: 15px;
            }
        }
    </style>
        <style>
        .most-list li:nth-child(8)::after{
            display: block;
        }
        .home-main {
            background: var(--light-gray);
            padding: 40px 0 80px;
        }

        .home-breaking-news {
            margin-top: 60px;
        }

        .home-breaking-news .news-list li {
            border: none;
        }

        .home-breaking-news ul {
            padding: 35px 0 50px;
        }

        .home-breaking-news .news-list {
            margin: 0;
        }
        .home-breaking-news .news-list > li{
            padding: 0 12px 32px;
        }
        .home-breaking-news .news-list > li:nth-child(3n+1){
            padding-left:0;
        }
        .home-breaking-news .news-list > li:nth-child(3n){
            padding-right:0;
        }
        .home-breaking-news .news-list h2{
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .btn-home {
            background: #fff;
            color: var(--primary-color);
            font-weight: bold;
            font-size: 16px;
        }

        .home-editor-recommend-area {
            padding: 82px 0;
        }

        .home-editor-recommend-area .more-news-btn {
            margin-top: 60px;
        }

        .home-editor-recommend-area h2 {
            margin-top: 8px;
            font-size: 18px;
        }

        .home-editor-recommend-area h2 a {
            color: var(--dark-gray);
        }

        .editor-first-row {
            margin-top: 32px;
            margin-bottom: 32px;
        }

        .editor-first-content {
            background: var(--light-gray);
        }


        .editor-first-picture {
            width: 66%;
        }

        .editor-first-content-inside {
            padding: 16px;
        }

        .editor-first-content-inside h2 {
            margin-top: 0;
        }

        @media  screen and (max-width: 992px) {
            .editor-first-content {
                background: none;
                margin: 0 -16px;
            }

            .editor-first-content .d-flex {
                flex-wrap: wrap;
            }

            .home-breaking-news .news-list > li{
                padding: 24px 0px;
            }
            .home-breaking-news .news-list h2{
                display: block;
                /*-webkit-line-clamp: 3;*/
                /*-webkit-box-orient: vertical;*/
                overflow: visible;
            }
            .home-breaking-news .news-list > li:first-child{
                padding-top: 0;
            }
            .editor-first-picture, .editor-first-content-inside {
                width: 100%;
            }

            .editor-first-content-inside {
                padding: 8px 0px 24px;
                margin: 0 16px;
                border-bottom: 1px solid var(--light-gray);
                margin-bottom: 14px;
            }

            .home-editor-recommend-area .col-lg-4 .news-info {
                border-bottom: 1px solid var(--light-gray);
                padding-bottom: 24px;
                margin-bottom: 24px;
            }

            .home-editor-recommend-area .col-lg-4:last-child .news-info {
                border-bottom: none;
                margin-bottom: 0;
                padding-bottom: 0;
            }
            .most-list li:nth-child(8)::after{
                display: none;
            }
        }

        .project-subtitle.home-section-title {
            font-size: 20px;
        }

        .project-subtitle.title-length2::before, .project-subtitle.title-length2::after {
            width: calc(50% - 40px);
        }

        .project-subtitle.title-length5::before, .project-subtitle.title-length5::after {
            width: calc(50% - 70px);
        }

        .project-subtitle.title-length6::before, .project-subtitle.title-length6::after {
            width: calc(50% - 80px);
        }

        .home-video-area {
            background: var(--dark-gray);
            padding: 80px 0;
        }

        .home-video-area .project-subtitle {
            color: white;
            margin-bottom: 36px;
        }

        .home-video-area .project-subtitle::before, .home-video-area .project-subtitle::after {
            background: var(--muted-color);
        }

        .home-video-list {
            margin-bottom: 60px;
        }

        .home-video-list .news-info {
            color: #bebebe;
        }

        .home-video-list h2 {
            margin-top: 8px;
            font-size: 18px;
        }

        .home-video-list h2 a {
            color: #fff;
        }

        .play-icon {
            left: 0;
            bottom: 0;
            width: 40px;
            height: 40px;
            background: var(--dark-gray);
            z-index: 10;
        }

        .play-icon::after {
            content: "►";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            color: #bebebe;
        }

        @media  screen and (max-width: 992px) {
            .editor-first-row, .editor-first-content-inside {
                margin-bottom: 0;
            }

            .home-editor-recommend-area .col-lg-4 {
                padding: 24px 0;
                border-bottom: 1px solid var(--light-gray);
                margin: 0 16px;
            }

            .home-video-area .news-info {
                margin-bottom: 24px;
            }

            .home-editor-recommend-area .col-lg-4 .news-info {
                border-bottom: none;
                padding: 0;
                margin: 0;
            }

            .home-editor-recommend-area h2 {
                margin-top: 0;
            }

            .home-editor-recommend-area .col-lg-4 .col-5, .home-editor-recommend-area .col-lg-4 .col-7 {

            }
        }

        .home-story-area {
            background: var(--light-gray);
            padding: 80px 0;
        }

        .home-story-area h2 {
            font-size: 18px;
            line-height: 27px;
        }

        .home-story-main {
            margin-bottom: 32px;
        }

        .home-story-main p {
            margin-bottom: 2px;
        }

        .home-story-main time {
            font-size: 13px;
            color: var(--muted-color);
        }

        .home-story-sub {
            margin-bottom: 60px;
        }

        .home-story-sub h2 {
            margin-top: 15px;
        }

        .home-story-sub p {
            margin-bottom: 0;
        }

        .home-story-sub time {
            color: var(--muted-color);
            font-size: 12px;
        }

        .home-story-area h2 a {
            color: var(--dark-gray);
        }

        @media  screen and (max-width: 992px) {
            .home-story-area .col-lg-8 {
                padding: 0 0px;
            }

            .home-story-area .home-story-main .col-lg-4 h2 {
                margin-top: 16px;
            }

            .home-story-sub {
                margin-bottom: 0;
            }

            .home-story-sub .col-lg-6 {
                margin-bottom: 8px;
            }

            .home-story-sub .col-lg-6:first-child {
                margin-bottom: 24px;
            }
        }

        .home-most-area {
            padding: 80px 0;
            background: #fff;
        }

        .home-most-area .project-subtitle {
            margin-bottom: 40px;
        }

        .home-main-news {
            position: absolute;
            /*top:22px;*/
            /*bottom: 22px;*/
            top: 50%;
            bottom: auto;
            transform: translateY(-50%);
            right: 0;
            background: var(--light-color);
            padding: 25px;
            border-radius: 3px;
            width: calc(100% + 80px);
        }

        .home-main-news h2 {
            font-size: 22px;
            line-height: 33px;
        }

        .home-main-news h2 a {
            color: var(--dark-gray);
        }

        .home-main-news p {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            line-height: 24px;
        }

        .main-news-list li a {
            display: block;
            color: var(--dark-gray);
            font-weight: bold;
            border-top: 1px solid var(--light-gray);
            padding: 8px 0;
        }

        @media  screen and (max-width: 992px) {
            .home-breaking-news .news-list li + li {
                border-top: 1px solid var(--dark-gray2);
            }

            .home-main {
                padding: 0 0 40px;
            }

            .home-editor-recommend-area, .home-video-area, .home-story-area, .home-most-area {
                padding: 40px 0;
            }

            .editor-first-content h2 {
                font-size: 22px;
            }

            .home-news-main-pic {
                padding: 0;
            }

            .home-main-news {
                position: relative;
                width: 100%;
                top: -20px;
                margin-bottom: -20px;
                transform: translateY(0);
            }

            .home-video-list {
                margin-bottom: 16px;
            }

            .home-breaking-news ul {
                padding-bottom: 24px;
            }

            .home-editor-recommend-area .more-news-btn, .home-story-area .more-news-btn {
                margin-top: 40px;
            }
        }
    </style>
    
    <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3W2ZR4"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
    <div wire:id="92XgCMRzyFJvUmJHIr38" wire:initial-data="{&quot;fingerprint&quot;:{&quot;id&quot;:&quot;92XgCMRzyFJvUmJHIr38&quot;,&quot;name&quot;:&quot;idle-modal&quot;,&quot;locale&quot;:&quot;zh-TW&quot;,&quot;path&quot;:&quot;\/&quot;,&quot;method&quot;:&quot;GET&quot;},&quot;effects&quot;:{&quot;listeners&quot;:[]},&quot;serverMemo&quot;:{&quot;children&quot;:[],&quot;errors&quot;:[],&quot;htmlHash&quot;:&quot;f55162aa&quot;,&quot;data&quot;:[],&quot;dataMeta&quot;:[],&quot;checksum&quot;:&quot;c5c3199a8d97062814e3fc9eb22cd0ca63d2009a27346fcab12bcee7ec72bc48&quot;}}" class="program-mask" id="idleModal">
        <div>
        <div class="idle-modal position-relative">
            <div class="idle-modal-title">此網頁已閒置超過5分鐘，請點透明黑底或右上×按鈕繼續閱讀</div>
            <a role="button" class="position-absolute idle-modal-close" id="idleClose"><img
                    src="https://news.pts.org.tw/images/icon-close.svg" alt=""></a>
            <div class="row">
                <div class="col-md-6">
                    <div class="row">
                        <div class="col-6 col-md-12">
                            <figure class="embed-responsive embed-responsive-16by9">
                                <div class="embed-responsive-item">
                                    <img class="cover-fit"
                                         src="https://news-data.pts.org.tw/media/43638/conversions/cover-big.jpg"
                                         alt="">
                                </div>
                            </figure>
                        </div>
                        <div class="col-6 col-md-12">
                            <div class="idle-modal-main"><a href="https://news.pts.org.tw/article/563220">東華二手耳環性平調查結果出爐 女大生：惡意雖龐大 卻非無法撼動</a></div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="row">
                        
                            <div class="col-md-6 mb-md-3 mb-0">
                                <div class="row">
                                    <div class="col-6 col-md-12">
                                        <figure class="embed-responsive embed-responsive-16by9">
                                            <div class="embed-responsive-item">
                                                <img class="cover-fit"
                                                     src="https://news-data.pts.org.tw/media/43670/conversions/cover-big.jpg"
                                                     alt="">
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="col-6 col-md-12">
                                        <div class="idle-news-title"><a href="https://news.pts.org.tw/article/563228">F-16為何需要自動防撞地系統，運作原理是什麼？【觀點】</a></div>

                                    </div>
                                </div>
                            </div>
                        
                            <div class="col-md-6 mb-md-3 mb-0">
                                <div class="row">
                                    <div class="col-6 col-md-12">
                                        <figure class="embed-responsive embed-responsive-16by9">
                                            <div class="embed-responsive-item">
                                                <img class="cover-fit"
                                                     src="https://news-data.pts.org.tw/media/43579/conversions/cover-big.jpg"
                                                     alt="">
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="col-6 col-md-12">
                                        <div class="idle-news-title"><a href="https://news.pts.org.tw/article/563162">政院拍板禁售電子煙及擴大禁菸場所 未滿20歲者也禁菸</a></div>

                                    </div>
                                </div>
                            </div>
                        
                            <div class="col-md-6 mb-md-3 mb-0">
                                <div class="row">
                                    <div class="col-6 col-md-12">
                                        <figure class="embed-responsive embed-responsive-16by9">
                                            <div class="embed-responsive-item">
                                                <img class="cover-fit"
                                                     src="https://news-data.pts.org.tw/media/43623/conversions/cover-big.jpg"
                                                     alt="">
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="col-6 col-md-12">
                                        <div class="idle-news-title"><a href="https://news.pts.org.tw/article/563214">Nhân viên ngân hàng đeo khẩu trang vẫn bị lây nhiễm</a></div>

                                    </div>
                                </div>
                            </div>
                        
                            <div class="col-md-6 mb-md-3 mb-0">
                                <div class="row">
                                    <div class="col-6 col-md-12">
                                        <figure class="embed-responsive embed-responsive-16by9">
                                            <div class="embed-responsive-item">
                                                <img class="cover-fit"
                                                     src="https://news-data.pts.org.tw/media/43170/conversions/cover-big.jpg"
                                                     alt="">
                                            </div>
                                        </figure>
                                    </div>
                                    <div class="col-6 col-md-12">
                                        <div class="idle-news-title"><a href="https://news.pts.org.tw/article/562994">F-16V墜海／航空迷捕獲事發前畫面 戰機減速板呈開啟狀態 </a></div>

                                    </div>
                                </div>
                            </div>
                                            </div>
                </div>
            </div>
        </div>
    </div>
        </div>


<!-- Livewire Component wire-end:92XgCMRzyFJvUmJHIr38 --><!-- End Google Tag Manager (noscript) -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous"
        src="https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v7.0&appId=466487386878484&autoLogAppEvents=1"
        nonce="uq8fns3v"></script>

<svg class="d-none">
    <symbol id="pageNext">
        <path data-name="Path 3083" d="M10.02 6 8.61 7.41 13.19 12l-4.58 4.59L10.02 18l6-6z" fill="currentColor"/>
    </symbol>
    <symbol id="pagePrev">
        <path id="Path_3081" data-name="Path 3081" fill="currentColor"
              d="M15.61,7.41,14.2,6l-6,6,6,6,1.41-1.41L11.03,12Z"/>
    </symbol>
</svg>
<div id="header">
    <header class="main-header">
        <div class="read-bar" id="readBar"></div>
        <div class="container d-flex justify-content-between align-items-center">
            <a href="/"><img class="header-logo" src="https://news.pts.org.tw/images/logo.svg" alt="公視新聞網"></a>
            <div class="nav-action d-flex">
                

                
                
                <div class="d-flex align-items-center position-relative">
                    <a class="cursor-pointer position-relative d-none d-lg-flex mx-2 menu-icon" @click="showMenu"
                    ><img
                            src="https://news.pts.org.tw/images/icon-search.svg"
                            alt=""></a>
                    <a class="d-flex align-items-center mx-2 menu-icon" role="button" @click="showForeign"><img
                            src="https://news.pts.org.tw/images/icon-foreign.svg" alt="">

                    </a>
                    <ul class="list-unstyled position-absolute lang-list" v-show="langShow">
                                                                            <li><a href="/news/taigi">台語新聞</a></li>
                                                    <li><a href="/news/english">English news</a></li>
                                                    <li><a href="/news/vietnam">Bản tin tiếng Việt</a></li>
                                                    <li><a href="/news/thai">โฟกัสไต้หวัน</a></li>
                                                    <li><a href="/news/indonesian">Warta Berita</a></li>
                                            </ul>
                </div>
                <a class="d-flex align-items-center ml-2 menu-icon" role="button"
                   @click="showMenu"
                >
                    <img v-if="!menuShow" class="d-none d-lg-inline"
                         src="https://news.pts.org.tw/images/icon-menu.svg" alt="">
                    <img v-else class="d-none d-lg-inline"
                         src="https://news.pts.org.tw/images/icon-menu-close.svg" alt="">
                    <img v-if="!menuShow" class="d-lg-none" src="https://news.pts.org.tw/images/icon-mobile-menu.svg" alt="">
                    <img v-else class="d-lg-none" src="https://news.pts.org.tw/images/icon-menu-close.svg" alt="">
                </a>
            </div>
        </div>
    </header>
    <div class="menu-mask" @click="hideMenu"></div>
    <div class="menu-block" v-show="menuShow" v-cloak>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="position-relative">
                        <form @submit.stop.prevent="gotoSearch">
                            <input type="text" placeholder="請輸入關鍵字" class="form-control" name="q"
                                   v-model="q"
                            >
                            <button class="btn position-absolute menu-search-btn" @click.stop.prevent="gotoSearch"><img
                                    src="https://news.pts.org.tw/images/icon-search.svg" alt="">
                            </button>
                        </form>
                    </div>
                    <div class="pt-5">
                        <div class="row justify-content-around">
                            <div class="col-lg-4 col-6">
                                <div class="d-flex align-items-center section-title-wrap">
                                    <h3 class="section-title">內容</h3>
                                    <div class="conclusion-line col"></div>
                                </div>
                                <ul class="list-unstyled menu-block-list">
                                    
                                    <li><a href="/dailynews">即時新聞</a></li>
                                    
                                    <li><a href="/curations">專題策展</a></li>
                                    <li><a href="/projects">數位敘事</a></li>
                                    <li><a href="/program">當期節目</a></li>
                                    <li><a href="/report">深度報導</a></li>
                                    <li><a href="https://news.pts.org.tw/opinion">觀點</a></li>
                                    
                                </ul>
                            </div>
                            <div class="col-lg-4 col-6">
                                <div class="d-flex align-items-center section-title-wrap">
                                    <h3 class="section-title">分類</h3>
                                    <div class="conclusion-line col"></div>
                                </div>
                                <ul class="list-unstyled menu-block-list menu-block-list-sep">
                                    <li class="w-50"><a href="https://news.pts.org.tw/category/1">政治</a></li>
                                    <li class="w-50"><a href="https://news.pts.org.tw/category/5">生活</a></li>
                                    <li class="w-50"><a href="https://news.pts.org.tw/category/4">全球</a></li>
                                    <li class="w-50"><a href="https://news.pts.org.tw/category/11">地方</a></li>
                                    <li class="w-50"><a href="https://news.pts.org.tw/category/9">兩岸</a></li>
                                    <li class="w-50"><a href="https://news.pts.org.tw/category/6">文教科技</a></li>
                                    <li class="w-50"><a href="https://news.pts.org.tw/category/10">產經</a></li>
                                    <li class="w-50"><a href="https://news.pts.org.tw/category/12">社福人權</a></li>

                                    <li class="w-100"><a href="https://news.pts.org.tw/category/3">環境</a></li>
                                    <li class="w-100"><a href="https://news.pts.org.tw/category/7">社會</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <footer class="main-footer">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-10">
                        <div class="sc-list">
                            <a href="https://www.facebook.com/pnnpts/" target="_blank">
                                <img src="https://news.pts.org.tw/images/icon-fb.svg" alt="">
                            </a>
                            <a href="https://www.instagram.com/pts.news/" target="_blank">
                                <img src="https://news.pts.org.tw/images/icon-ig.svg" alt="">
                            </a>
                            <a href="https://www.youtube.com/channel/UCexpzYDEnfmAvPSfG4xbcjA?view_as=subscriber"
                               target="_blank">
                                <img src="https://news.pts.org.tw/images/icon-yt.svg" alt="">
                            </a>
                            <a href="https://t.me/PTS_TW_NEWS" target="_blank">
                                <img src="https://news.pts.org.tw/images/icon-tg.svg" alt="">
                            </a>
                            <a href="https://news.pts.org.tw/xml/newsfeed.xml" target="_blank">
                                <img src="https://news.pts.org.tw/images/icon-rss.svg" alt="">
                            </a>
                        </div>
                        <div class="pt-4">
                            <a href="https://news.pts.org.tw/about">關於我們</a>
                            <a href="https://news.pts.org.tw/correct">更正啟事</a>
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